<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<link href="css/header.css"  rel="stylesheet" type="text/css" charset="utf-8" />
<link href="css/common.css"  rel="stylesheet" type="text/css" charset="utf-8" />
<title>石材列表</title>
</head>

<body>
<div class="grid-m header">
	<div class="banner">
    	<img class="fl" src="images/logo.gif" />
        <img class="fr" src="images/top_img.gif" />
    </div>
    <div class="clear"></div>
    <div class="nav">
    	<ul>
        	<li>
            	<a class="wh lar who" href="#"><b>关于我们</b></a>
            </li>
            <li class="bar"></li>
            <li>
            	<b class="wh lar">已合作</b>
            	<span>
                	<a href="#" class="wh who">石材公司</a>   
                    <a href="#" class="wh who">石材加工厂</a>   
                    <a href="#" class="wh who">物流公司</a>   
                    <a href="#" class="wh who">酒店</a>
                </span>
            </li>
            <li class="bar"></li>
            <li>
            	<b class="wh lar">已成交</b>
            	<span>
                	<a href="#" class="wh who">客户</a>   
                </span>
            </li>
            <li class="bar"></li>
            <li><a class="wh lar who" href="#"><b>精品工程</b></a></li>
        </ul>
    </div>
    <div class="search">
    	<img style="float:left" src="images/search_icon.png" />
        <ul>
            <li style="width:116px;">
            	<span class="lar bla"><font class="lar bla">材质:</font>
                	<select style="width:70px;">
            			<option value="大理石">大理石</option>
                        <option value="大理石">大理石</option>
                        <option value="大理石">大理石</option>
                        <option value="大理石">大理石</option>
            		</select>
                </span>
            </li>
             <li style="width:104px;">
            	<span class="lar bla"><font class="lar bla">颜色:</font>
                	<select style="width:60px;">
            			<option value="白色">白色</option>
                        <option value="黑色">黑色</option>
                        <option value="蓝色">蓝色</option>
                        <option value="灰郄">灰郄</option>
            		</select>
                </span>
            </li>
             <li  style="width:172px;">
            	<span class="lar bla"><font class="lar bla">价格:</font>
                	<select style="width:50px;">
                    	<option value="90">90</option>
            			<option value="100">100</option>
                        <option value="120">120</option>
                        <option value="200">200</option>
            		</select>
                </span>
                <span class="lar bla">到
                	<select style="width:50px;">
                    	<option value="90">90</option>
            			<option value="100">100</option>
                        <option value="120">120</option>
                        <option value="200">200</option>
            		</select>
                </span>
            </li>
            <li style="width:104px;">
            	<span class="lar bla"><font class="lar bla">纹理:</font>
                	<select style="width:60px;">
            			<option value="白色">网纹</option>
                        <option value="黑色">花纹</option>
                        <option value="蓝色">直纹</option>
            		</select>
                </span>
            </li>
            <li style="width:124px;">
            	<span class="lar bla"><font class="lar bla">用途:</font>
                	<select  style="width:80px;">
            			<option value="室内地面">室内地面</option>
                        <option value="室内墙面">室内墙面</option>
                        <option value="室外地面">室外地面</option>
                        <option value="室内地面">室外墙面</option>
                        <option value="室内墙面">柱面</option>
                        <option value="室外地面">楼梯</option>
                        <option value="室内地面">台面板</option>
                        <option value="室内墙面">洗手池</option>
                        <option value="室外地面">浴缸</option>
                        <option value="室内地面">壁炉</option>
                        <option value="室内墙面">雕塑</option>
                        <option value="室外地面">马赛克</option>
            		</select>
                </span>
            </li>
            <li style="width:225px;">
            	<span class="lar bla"><font class="lar bla">关键字</font>
                	<input type="text" class="text"  size="14"/>
                    <input type="button" class="button" value="GO" />
                </span>
            </li>
        </ul>
    </div>
</div>
<div class="clear"></div>

<style>
.list .hdd{background:none;}
.list .hdd{margin-top:15px;padding-left:10px;border-bottom:1px solid #CCC;height:90px; overflow:hidden;}
form,#fm{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}input{border:0;padding:0}#nv{height:19px;font-size:16px;margin:0 0 4px;text-align:left;text-indent:10px}.s_ipt_wr{width:418px;height:30px;display:inline-block;margin-right:5px;background:url(images/input_bg.png) no-repeat -304px 0;border:1px solid #b6b6b6;border-color:#9a9a9a #cdcdcd #cdcdcd #9a9a9a;vertical-align:top}.s_ipt{width:405px;height:22px;font:16px/22px arial;margin:5px 0 0 7px;background:#fff;outline:none}.s_btn{width:95px;height:32px;padding-top:2px\9;font-size:14px;background:#ddd url(images/input_bg.png);cursor:pointer}.s_btn_h{background-position:-100px 0}.s_btn_wr{width:97px;height:34px;display:inline-block;background:url(images/input_bg.png) no-repeat -202px 0;*position:relative;z-index:0;vertical-align:top}#lg img{vertical-align:top;margin-bottom:3px}#lk,#snv{margin:33px 0}#lk span{font:14px;font-weight:bold;}
#nv a{ text-decoration:none;font-size:14px;}
#snv .bl{font-size:14px;font-weight:normal;}
#snv .tl{font-size:14px;font-weight:bold;color:blue;padding-right:10px;}
#lm{height:60px}#lh{margin:16px 0 5px;word-spacing:3px}#cp,#cp a{color:#77c}
.page{ text-align:center;color:#333;font-size:12px;}

.list .bd{padding-top:15px;}
.list .bd ul li{padding-bottom:10px;}
</style>
<div class="grid-m">
	<div class="col-main">
    	<div class="list box">
        	<div class="hd">
            	<span class="gray fl">精品工程</span>
                <span class="shangchuan fl gray on">最新添加</span>
                <span class="liulan gray fl">名字排序</span>
                <span class="prev fr"></span>
                <span class="cont fr gray">81/194</span>
                <span class="next fr"></span>
            </div>
            <div class="bd">
            	<ul>
                	<li>
                    	<a href="#" class="image">
                        	<img src="images/tab_4-3.jpg"  height="160" width="160"/>
                        </a>
                        <a href="#">
                        	<span class="gray">金凤凰 （鹅毛金）</span>
                        </a>
                    </li>
                   
                   <li>
                    	<a href="#" class="image">
                        	<img src="images/tab_4-3.jpg"  height="160" width="160"/>
                        </a>
                        <a href="#">
                        	<span class="gray">金凤凰 （鹅毛金）</span>
                        </a>
                    </li>
                    
                    <li>
                    	<a href="#" class="image">
                        	<img src="images/tab_4-3.jpg"  height="160" width="160"/>
                        </a>
                        <a href="#">
                        	<span class="gray">金凤凰 （鹅毛金）</span>
                        </a>
                    </li>
                    
                    <li>
                    	<a href="#" class="image">
                        	<img src="images/tab_4-3.jpg"  height="160" width="160"/>
                        </a>
                        <a href="#">
                        	<span class="gray">金凤凰 （鹅毛金）</span>
                        </a>
                    </li>
                    
                    <li>
                    	<a href="#" class="image">
                        	<img src="images/tab_4-3.jpg"  height="160" width="160"/>
                        </a>
                        <a href="#">
                        	<span class="gray">金凤凰 （鹅毛金）</span>
                        </a>
                    </li>
                </ul>
                <div class="clear"></div>
                 <div class="page"><span class="gray">共20页 当前第5页</span> <span class="bla">上一页</span> <span class="bla">下一页</span></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="col-sub">
    	<div class="box common comom2">
        	<div class="hd"><b class="bla lar">最近浏览</b></div>
            <div class="bd" style="padding-left:20px;">	
                <ul>
                	<li>
                    	<a href="#" class="image">
                        	<img src="images/list-img.jpg"  height="120" width="120"/>
                        </a>
                        <a href="#"  class="gray">
                        	金凤凰 （鹅毛金）
                        </a>
                    </li>  
              </ul>
            	
            </div>
            <div class="clear"></div>
        </div>
        
        <div class="box common comom2">
        	<div class="hd"><b class="bla lar">最受欢迎</b></div>
            <div class="bd" style="padding-left:20px;">	
                <ul>
                	<li>
                    	<a href="#" class="image">
                        	<img src="images/list-img.jpg"  height="120" width="120"/>
                        </a>
                        <a href="#"  class="gray">
                        	金凤凰 （鹅毛金）
                        </a>
                    </li> 
                    <li>
                    	<a href="#" class="image">
                        	<img src="images/list-img.jpg"  height="120" width="120"/>
                        </a>
                        <a href="#"  class="gray">
                        	金凤凰 （鹅毛金）
                        </a>
                    </li>  
              </ul>
            	
            </div>
            <div class="clear"></div>
        </div>
        
        
    </div>
</div>
<div class="clear"></div>
<div class="grid-m foot">
	<p>Copyright&copy; 版权所有2011-2012 巨石汇中心 主办单位：巨石汇</p>
</div>
</body>
</html>
